<template>
  <div>
    <van-sticky>
          <nav-bar></nav-bar>
      <search />
    </van-sticky>
    <router-view></router-view>
    <search-result :list="searchList"></search-result>
    <tab-bar></tab-bar>
  </div>
</template>

<script>
import TabBar from "../components/TabBar.vue";
import NavBar from "../components/NavBar.vue";
import Search from "../components/Search.vue";
import SearchResult from './searchResult.vue';
import {mapGetters} from 'vuex'
export default {
  components: {
    TabBar,
    NavBar,
    Search,
    SearchResult,
  },
  computed:{
    searchList(){
      return this.$store.state.searchResultList
    }
  }
};
</script>

<style lang="scss" scoped>
</style>